<script setup lang="ts">
import { storeToRefs } from "pinia";
import { onMounted } from "vue";
import useAppStore from "../../store/app.store";
import AppIcon from "../appIcon/AppIcon.vue";

const { appList } = storeToRefs(useAppStore());
const { initApp } = useAppStore();

onMounted(() => {
  initApp();
});
</script>
<template>
  <div class="home-main">
    <AppIcon v-for="item in appList" :key="item.code" :data="item" />
  </div>
</template>

<style scoped lang="scss">
.home-main {
  display: flex;
}
</style>
